
<link rel="stylesheet" type="text/css" href="../css/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="../css/themes/icon.css">

<div id="panel-oa-addressList" data-options="border:false">
	
		<div class="well well-small" style="margin-left: 5px;margin-top: 5px">			
			<p>
				<span class="badge">提示</span>
				<font color="red">点击部门名称</font><span class="label-info"></span> 可以对相应部门名称的人员进行查询!
			</p>
		<table cellpadding="2" cellspacing="2" style="width:100%">
			<tr>
				<td style="width:20%">
				
					<div class="doc-type">
						<table cellpadding="0" cellspacing="0" >
							<tr>
								<td style="padding-left:4px;padding-bottom:4px;" class="doc-type-list-btn">
									
										
								</td>						
								
							</tr>
						</table>
					</div>				
					
					
					<table class="dg-type easyui-treegrid" title="部门名称"
						data-options="rownumbers:true,
						animate: true,									
						striped:true,
						border:true,
						//singleSelect:false,
						idField: 'id',
						treeField: 'name',					
						fitColumns: true,
						checkOnSelect:true,
						pagination : true,
						selectOnCheck:true">
						
						<thead>						
							<tr>		
								<th field="name" width="100" align="left" halign="center">部门名称</th>														
							</tr>
						</thead>
					</table>
					
				</td>
				<td style="width:79%">
				    <div class="tb-list" style="padding:2px 0">
						<table cellpadding="0" cellspacing="0"> 
							<tr>
								<td style="padding-left:2px" class="list-btn">
							
								</td>
								<td style="padding-left:2px">
									<input class="searchbox" type="text"/>
									<a href="javascript:void(0);" class="easyui-linkbutton conditon-search function-btn"  plain="true" >查询条件</a>
									<a href="javascript:void(0);" class="easyui-linkbutton conditon-search function-btn" iconCls="icon-search" plain="true" >执行查询</a>
								</td>
							</tr>
						</table>
					</div>
					
					<table id="dg-detail" class="easyui-datagrid dg-detail" title="通讯录列表"
						data-options="rownumbers:true,
						animate: true,									
						striped:true,
						border:true,
						//singleSelect:false,
						idField: 'id',									
						fitColumns: true,
						checkOnSelect:true,
						pagination : true,
						selectOnCheck:true					
						">
						<thead>						
							<tr>
								<th field="ck" checkbox="true" ></th>
								<th field="loginname" width="50" align="center" halign="center">用户账号</th>
								<th field="name" width="50" align="center" halign="center">用户名</th>
								<th field="deptName" width="50" align="center" halign="center">部门名称</th>
								<th field="position" width="50" align="center" halign="center">职位</th>
								<th field="workphone" width="100" align="left" halign="center">工作电话</th>
								<th field="mobile" width="40" align="left" halign="center">移动电话</th>
								<th field="email" width="40" align="left" halign="center">邮箱</th>
								<th field="qq" width="60" align="left" halign="center">QQ</th>
								<th field="weixin" width="60" align="left" halign="center">微信</th>
								<th field="remarks" width="60" align="left" halign="center">备注</th>														
							</tr>
						</thead>
					</table>
					</div>
				</td>
			</tr>		
		</div>
	</div>
	<div id='oa-addressList-win' class="easyui-window" data-options="closed:true" title='用户信息编辑'>  		
	</div>
	

<script>
requirejs(['typeListPage','oaAddressList','domReady!'],function(typeListPage,oaAddressList,doc){
	typeListPage.init({
		doc:doc,
		rootId:'panel-oa-addressList',
		moduleCode:'oaAddressList',
		subSystemCode:'oa',
		editWindow:'oa-addressList-win',
		querylistUrl:'getTaskListDomain',
		initElement:oaAddressList.initList,		
		buttonExtends:oaAddressList.buttonExtends,
		typeCode:'department',
		typeField:'deptid',
		initQueryParams:{flowtype:'0'},
		editEvent:oaAddressList.editEvent
	});	
});	
</script>
